<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="../../HTMLTurbo.css">
<link rel="stylesheet" type="text/css" href="../style/demo.css">

<script charset="utf-8" src="../../jquery/1.12.4/jquery.min.js"></script>
<script charset="utf-8" src="../../HTMLTurbo.php"></script>

<link rel="stylesheet" type="text/css" href="/common/HTMLTurbo.xUploader/style/xUploader.css">
<script src="/common/HTMLTurbo.xUploader/script/xUploader.js"></script>
</head>

<body>
<div class="ht">
<form method="post" class="ht-Form" id="form" novalidate1 action="create.php">
	<li><label>文本：</label>
    	<input type="text" />
    </li>
    <li><label>密码：</label>
    	<input type="password" />
    </li>
    <li><label>多行文本：</label>
    	<textarea cols="50" rows="5"></textarea></li>
    <li><label>在线编辑器：</label>
   		<textarea cols="50" rows="5"></textarea></li>
    <li><label>复选：</label>
        <span data-ht-control="CheckboxGroup">
            <input type="hidden" name="aField" value="1,3" />
            <input type="checkbox" name="aField" value="1"/>
            <label>值一</label>
            <input type="checkbox" name="aField" value="2"/>
            <label>值一</label>
            <input type="checkbox" name="aField" value="3"/>
            <label>值三</label>
        </span>
    </li>
    <li><label>单选：</label>
        <span class="ht-RadioGroup" data-ht-control="RadioGroup">
            <input type="hidden" name="bField" value="3" />
            <input type="radio" name="bField" value="1"/>
            <label>值一</label>
            <input type="radio" name="bField" value="2"/>
            <label>值二</label>
            <input type="radio" name="cField" value="3"/>
            <label>值三</label>
        </span>
    </li>
    <li><label>选择：</label>
    	<select name="cField">
        	<option value="{type}" class="selected" selected></option>
            <option value="1">值一</option>
            <option value="2">值二</option>
            <option value="3">值三</option>
        </select>
    </li>
    <li><label>选择组：</label>
    	<span data-url="../selectGroup/area.json" data-ht-control="SelectGroup">
            <select name="province" id="province">
                <option value="110000" class="ht-selectedOption" selected></option>
            </select>
            <select name="city" id="city">
                <option value="110100" class="ht-selectedOption" selected></option>
            </select>
            <select name="county" id="county">
                <option value="110102" class="ht-selectedOption" selected></option>
            </select>
        </span>
    </li>
    <li><label>上传：</label>
    	<input name="previews" type="hidden" id="previews" size="50" value="20170103_110852_92051.jpg" class="ht_xUploaderInput" data-config="queueLengthLimit:1" />
    </li>
    <li><label>验证码：</label>
    	<input name="vCode" type="text" value="" size="6" /><div class="ht-SafeCode" data-ht-control="SafeCode"><img src="../safeCode/vCode.php"/></div>
    </li>
    <li>
		<label></label>
        <input type="submit" class="ht-Button" value="提交"/>
    </li>
</form>
</div>
<script>
xUploader.config.uploaderType="flash"
xUploader.config.uploadPath="/content/uploadFiles/thumbs/"
xUploader.config.sourcePath="/common/xUploader/"
xUploader.config.uploadUrl="/content/interface/flashUpload.php"


//var ht=function(){}

var Page=function(){};
Page.prototype.init=function(){
	$(document.body).ready(
		function(event){
			var xUploaderGroup=new xUploader.XUploaderGroup();
			
			var form=new HTMLTurbo.control.Form("#form");
			form.ruleUrl="formRule.json"
			form.init()
		}
	)
}
var page=new Page();
page.init();
</script>
</body>
</html>
